<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../stylesheets/userRegister.css">
</head>
<body>
<h2 style="width: 100%;text-align: center">Derek's Task System's Sign Up</h2>
<form id="registerForm">

    <div class="form-group">
        USERNAME
        <input type="text" class="form-control" id="username" pattern="/^[\d\w]+$/" required placeholder="User Name">
    </div>
    <div class="form-group">
        FAMMILY NAME
        <input type="text" class="form-control" id="f_name" placeholder="Fammily Name">
    </div>
    <div class="form-group">
        GIVEN NAME
        <input type="text" class="form-control" id="g_name" placeholder="Given Name">
    </div>
    <div class="form-group">
        PASSWORD
        <input type="password" class="form-control" id="pwd" placeholder="Password">
        PASSWORD AGAIN
        <input type="password" class="form-control" id="pwd_again" placeholder="Password">
        <div id="notice"></div>
    </div>
    <div class="form-group">
        EMAIL
        <input type="email" class="form-control" id="email" placeholder="Email">
    </div>
    <div class="form-group">
        ADDRESS
        <input type="email" class="form-control" id="address" placeholder="Address">
    </div>


    <button type="button" class="btn btn-default" id="submit">SUBMIT</button>
    <button type="button" class="btn btn-default" id="Back"><<< Back To Home</button>
</form>
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="../javascripts/regist.js"></script>
</body>
</html>